* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
.box {
  margin: 0 auto;
  width: 400px;
<<<<<<< HEAD
  height: 200px;
=======
  height: 400px;
>>>>>>> origin/lhq
  border: 1px solid #000;
  position: relative;
}
.box>.imgBox>ul {
  position: relative;
}
.box>.imgBox>ul>li {
  position: absolute;
}

.box > .imgBox >ul>li>img {
  width: 100%;
  height: 100%;
}

.btnBox {
  width: 100%;
  font-size: xx-large;
  font-weight: bolder;
  position: absolute;
  top: 40%;
  z-index: 999;
}
.box >.btnBox>.left {
  float: left;
  color: #fff;
} 

.box >.btnBox>.right {
  float: right;
  color: #fff;
} 